﻿<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3图片悬停放大动画</title>
<script src="images/mootools-1.js" type="text/javascript"></script>
		<link rel="stylesheet" href="images/image-hover.css" type="text/css">
		<link rel="stylesheet" href="images/image-hover-main.css" type="text/css">
		<script src="images/browserCheck.js" type="text/javascript"></script>
	</head><body>
		<div id="logo"></div>
		<div id="container">
			<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
			<div id="image-container">
				<div class="img" id="img-1">
					<div class="mask"></div>
					<img src="images/01.jpg">
				</div>	
				<div class="img" id="img-2">
					<div class="mask"></div>
					<img src="images/07.jpg">
				</div>	
				<div class="img" id="img-3">
					<div class="mask" id="mask-1"></div>
					<div class="mask" id="mask-2"></div>
					<img src="images/05.jpg">
				</div>	
				<div class="img" id="img-4">
					<div class="mask"></div>
					<img src="images/04.jpg">
				</div>	
				<div class="img" id="img-5">
					<div class="mask"></div>
					<img src="images/06.jpg">
				</div>	
				<div class="img" id="img-6">
					<div class="mask"></div>
					<img src="images/08.jpg">
				</div>	
				<div class="clearfix"></div>
			</div>
		<div class="clearfix"></div>
			<br>
			<div id="warning" style="margin-top: 20px; text-align: center;"></div>
		
		
</body>
</html>